<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_4501199_zfxq1z7a3g.css">
  <link rel="stylesheet" href="./css/index.css">
</head>
<body>
  <div class="blackBg">
    <div class="title">
      <div class="top">
        <div class="name"><i class="iconfont">&#xe700;</i>POP</div>
        <div class="desc">
          <p>POP服装趋势</p>
          <span>国家级纺织服装创意设计示范平台</span>
        </div>
        <div class="searchMethod">
          <div class="search">
            <i class="iconfont">&#xe65c;</i>
            <p>搜索</p>
            <input type="text" placeholder="品牌、季节、单品、风格">
          </div>
          <div class="img" title="以图搜图"><i class="iconfont icon-picfill"></i></div>
          <div class="img" title="以色搜图" style="margin-left: 0;"><i class="iconfont icon-skin"></i></div>
        </div>
        <div class="download"><i class="iconfont icon-tubiaozhizuo-"></i>APP下载</div>
        <div class="login">登录&nbsp;/&nbsp;注册</div>
      </div>
      <div class="tab">
        <p>首页</p>
        <p>宏观策略</p>
        <p>趋势应用</p>
        <p>流行分析</p>
        <p>款式</p>
        <p>图案</p>
        <p>T台</p>
        <p>书籍</p>
        <p>灵感/素材库</p>
        <p>行业资源</p>
        <p>品牌库</p>
        <p>色彩工具</p>
      </div>
    </div>
    <div class="bigImg">
      <div class="left">
        <div>
          <h1>全球时尚趋势</h1>
          <h1>灵感智库</h1>
        </div>
        <img src="./images/blackBg_left.jpg" alt="请联网查看图片">
        <div>
          <p>WORLD FASHION TREND INSPIRATION</p>
          <p>THINK TANK</p>
        </div>
      </div>
      <div class="right">
        <img src="https://imgwf3.pop-fashion.com/fashion/fm/banner/20240307/OQfCX9v22vgRJxvTBQvlPtusFjUlmj9YjYKD3bVw.jpeg" alt="请联网查看图片">
      </div>
    </div>
    <div class="table">
      <div class="left">
        <p>趋势应用</p>
        <p>流行分析</p>
        <p>款式图库</p>
        <p>图案</p>
        <p>T台发布会</p>
        <p>趋势书籍</p>
      </div>
      <div class="right">
        <div class="title">
          <div class="leftTitle">
            最新发布<p><i class="iconfont icon-setting"></i>偏好设置</p>
          </div>
          <div class="rightTitle">
            <i class="iconfont icon-pullleft"></i>
            <i class="iconfont icon-pullright"></i>
            <span>MORE</span>
          </div>
        </div>
        <div class="content">
          <div class="contentBox">
            <div><img src="https://imgwf2.pop-fashion.com/upload/flash_report/2024/2024041109/ANAREPORT_66173b6b1c87c_8866.png" alt=""></div>
            <p>春日探索-童装图案趋势<i class="iconfont icon-NEW-copy"></i></p>
            <span>设计趋势&nbsp;·&nbsp;图案趋势&nbsp;·&nbsp;2025春夏</span>
          </div>
          <div class="contentBox">
            <div><img src="https://imgwf2.pop-fashion.com/upload/flash_report/2024/2024040919/ANAREPORT_66152bbe1097e_1801.png" alt=""></div>
            <p>时尚融合-户外夹克廓形趋势<i class="iconfont icon-NEW-copy"></i></p>
            <span>设计趋势&nbsp;·&nbsp;廓形趋势&nbsp;·&nbsp;25/26秋冬&nbsp;·&nbsp;外套&nbsp;·&nbsp;夹克</span>
          </div>
          <div class="contentBox">
            <div><img src="https://imgwf1.pop-fashion.com/upload/flash_report/2024/2024041009/ANAREPORT_6615e933b3c0e_8318.jpg" alt=""></div>
            <p>生物奇境-女装快反图案趋势<i class="iconfont icon-NEW-copy"></i></p>
            <span>设计趋势&nbsp;·&nbsp;图案趋势&nbsp;·&nbsp;24/25秋冬&nbsp;·&nbsp;上衣&nbsp;·&nbsp;裙</span>
          </div>
          <div class="contentBox">
            <div><img src="https://imgwf1.pop-fashion.com/upload/flash_report/2024/2024032910/ANAREPORT_6606229079c5d_7752.png" alt=""></div>
            <p>光之城--女装主题企划<i class="iconfont icon-NEW-copy"></i></p>
            <span>核心趋势&nbsp;·&nbsp;主题策划&nbsp;·&nbsp;2025春夏&nbsp;·&nbsp;上衣&nbsp;·&nbsp;外套</span>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="trend">
    <div class="trendTitle">
      <h1>趋势专题<span>/</span>POP TREND</h1>
      <p>POP前瞻趋势专家团队以数据为基础，结合全球视野，为企业提供宏观趋势方向及商品研发的全方案指导。</p>
    </div>
    <div class="trendTimeLine">
      <div><p>2025春夏</p><span>/</span><p>24/25秋冬</p><span>/</span><p>2024春夏</p></div>
    </div>
    <div class="content">
      <div class="left">
        <div class="top">
          <div class="left">
            <h1>视野</h1>
            <p>2025春夏</p>
          </div>
          <div class="right">
            <p>立即了解该主题趋势</p>
            <p>MORE<i class="iconfont icon-right"></i></p>
          </div>
        </div>
        <div class="center">
          开启时尚浪潮的新节点，提升拓展视野与未来交织出无限风向.随着快速变化的时代降临，多元化的呈现方式成为了关注的焦点。不同领域的加速发展给我们带来了无限的可能性。然而，要想在这个竞争激烈的时代脱颖而出，只盲目地追寻大的潮流趋势是远远不够的。我们需要提升自己本身的视野和价值观。
        </div>
        <div class="bot">
          <p class="title">目录 / contents</p>
          <div class="table">
            <div class="tableBox first">
              <div>
                <p>光之城</p>
                <span>CITY OF</span>
                <span>LIGHT</span>
              </div>
              <span>I.</span>
            </div>
            <div class="tableBox">
              <div>
                <p>吾心安处</p>
                <span>REFUGE OF</span>
                <span>SOUL</span>
              </div>
              <span>II.</span>
            </div>
            <div class="tableBox">
              <div>
                <p>圣所</p>
                <span>HOLY.HOLY</span>
                <span>&nbsp;</span>
              </div>
              <span>III.</span>
            </div>
            <div class="tableBox">
              <div>
                <p>绚烂倒影</p>
                <span>DAZZLING</span>
                <span>REFLECTION</span>
              </div>
              <span>IV.</span>
            </div>
            <div class="tableBox">
              <div>
                <p>秘境</p>
                <span>HIDDEN</span>
                <span>PARADISE</span>
              </div>
              <span>V.</span>
            </div>
          </div>
        </div>
      </div>
      <div class="right">
        <div class="img"><img src="https://imgwf1.pop-fashion.com/upload/flash_report/2024/2024032910/ANAREPORT_6606229079c5d_7752.png" alt="请联网查看图片"></div>
        <div class="desc">
          <div class="first">
            <div>
              <p style="font-weight: bold;">光之城</p><span>/</span><p>City Of Light</p>
            </div>
            <div>
              <i class="iconfont icon-pullleft" style="margin: 0 15px;"></i>
              <i class="iconfont icon-pullright"></i>
            </div>
          </div>
          <div class="second"><span>光之城 - 女装主题企划</span><i class="iconfont icon-right"></i></div>
        </div>
      </div>
    </div>
  </div>
  <div class="week">
    <div class="left">
      <div class="title">
        <p>四大时装周</p>
        <span>FOUR FASHION</span>
        <span>WEEKS</span>
      </div>
      <div class="box">
        <div>
          <p>巴黎时装周</p>
          <span>PARIS FASHION WEEK</span>
        </div>
        <i class="iconfont icon-right"></i>
      </div>
      <div class="box">
        <div>
          <p>伦敦时装周</p>
          <span>LONDON FASHION WEEK</span>
        </div>
        <i class="iconfont icon-right"></i>
      </div>
      <div class="box">
        <div>
          <p>纽约时装周</p>
          <span>NEWYORK FASHION WEEK</span>
        </div>
        <i class="iconfont icon-right"></i>
      </div>
      <div class="box">
        <div>
          <p>米兰时装周</p>
          <span>MILAN FASHION WEEK</span>
        </div>
        <i class="iconfont icon-right"></i>
      </div>
    </div>
    <div class="right">
      <div class="title">
        <p>汇聚全球三十多个国家和地区</p>
        <p>3000多个品牌和设计师</p>
        <p>7*24H实时更新</p>
        <p>高清、细节、视频及数字发布</p>
      </div>
      <div class="content">
        <div class="contentJ">
          <div class="box">
            <div class="top">
              <p>24/25秋季</p>
              <div class="img"><img src="https://imgwf1.pop-fashion.com/fashion/presscon/20240228046SZ6787/focus/women/middle/Balmain_001_SZ6787.jpg" alt=""></div>
            </div>
            <p>Balmain</p>
          </div>
          <div class="box">
            <div class="top">
              <p>24/25秋季</p>
              <div class="img"><img src="https://imgwf1.pop-fashion.com/fashion/presscon/20240301012SZ6787/focus/women/middle/LOEWE_001_SZ6787.jpg" alt=""></div>
            </div>
            <p>LOEWE</p>
          </div>
        </div>
        <div class="contentO">
          <div class="contentTitle">PARIS</div>
          <div class="box">
            <div class="top">
              <p>24/25秋季</p>
              <div class="img"><img src="https://imgwf1.pop-fashion.com/fashion/presscon/20240229061SZ6787/focus/women/middle/Givenchy_001_SZ6787.jpg" alt=""></div>
            </div>
            <p>Givenchy</p>
          </div>
          <div class="box">
            <div class="top">
              <p>24/25秋季</p>
              <div class="img"><img src="https://imgwf1.pop-fashion.com/fashion/presscon/20240305043SZ6787/focus/women/middle/CHANEL_001_SZ6787.jpg" alt=""></div>
            </div>
            <p>CHANEL</p>
          </div>
        </div>
        <div class="contentJ">
          <div class="box">
            <div class="top">
              <p>24/25秋季</p>
              <div class="img"><img src="https://imgwf1.pop-fashion.com/fashion/presscon/20240303029SZ6787/focus/women/middle/Balenciaga_001_SZ6787.jpg" alt=""></div>
            </div>
            <p>Balenciaga</p>
          </div>
          <div class="box">
            <div class="top">
              <p>24/25秋季</p>
              <div class="img"><img src="https://imgwf1.pop-fashion.com/fashion/presscon/20240121024SZ6787/focus/man/middle/Kolor_001_SZ6787.jpg" alt=""></div>
            </div>
            <p>Kolor</p>
          </div>
        </div>
        <div class="contentO">
          <div class="contentTitle">FASHION WEEK</div>
          <div class="box">
            <div class="top">
              <p>24/25秋季</p>
              <div class="img"><img src="https://imgwf1.pop-fashion.com/fashion/presscon/20231212010SZ6787/focus/women/middle/Lanvin_001_SZ6787.jpg" alt=""></div>
            </div>
            <p>Lanvin</p>
          </div>
          <div class="box">
            <div class="top">
              <p>24/25秋季</p>
              <div class="img"><img src="https://imgwf1.pop-fashion.com/fashion/presscon/20240301006SZ6787/focus/women/middle/Nehera_001_SZ6787.jpg" alt=""></div>
            </div>
            <p>Nehera</p>
          </div>
        </div>
        <div class="contentJ conBox">
          <div class="box">
            <div class="top">
              <p>24/25秋季</p>
              <div class="img"><img src="https://imgwf1.pop-fashion.com/fashion/presscon/20240228058SZ6787/focus/women/middle/Undercover_001_SZ6787.jpg" alt=""></div>
            </div>
            <p>Undercover</p>
          </div>
          <div class="box">
            <div class="top">
              <p>24/25秋季</p>
              <div class="img"><img src="https://imgwf1.pop-fashion.com/fashion/presscon/202306166003SZ6753/focus/man/middle/ThomBrowne_001_SZ6753.jpg" alt=""></div>
            </div>
            <p>Thom Browne</p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="color">
    <div class="top">
      <div class="left">
        <div class="titleBox">
          <p>2024秋冬<span>/</span>关键色<span>/</span></p>
          <div>
            <span>智能款式色彩数据+精准流行色趋势验证，</span>
            <span>准确把握流行色趋势。流行色+流行款，所见即所得！</span>
          </div>
          <span>AW</span>
        </div>
        <div class="colorBar">
          <div class="item" style="background-color: #cc8f1c;">
            <h1>馥郁黄</h1>
            <p>/</p>
            <span>15-0953</span>
          </div>
          <div class="item" style="background-color: #f8c5d4;">
            <h1>玫瑰影</h1>
            <p>/</p>
            <span>13-1906</span>
          </div>
          <div class="item" style="background-color: #82305a;">
            <h1>树莓光泽</h1>
            <p>/</p>
            <span>19-2432</span>
          </div>
          <div class="item" style="background-color: #ad6659;">
            <h1>阿拉贡</h1>
            <p>/</p>
            <span>17-1532</span>
          </div>
          <div class="item" style="background-color: #d6d5c6;">
            <h1>银绿色</h1>
            <p>/</p>
            <span>12-1204</span>
          </div>
          <div class="item" style="background-color: #b82928;">
            <h1>熔岩</h1>
            <p>/</p>
            <span>18-1555</span>
          </div>
          <div class="item" style="background-color: #bf8b45;">
            <h1>云杉黄</h1>
            <p>/</p>
            <span>17-1040</span>
          </div>
          <div class="item" style="background-color: #747376;">
            <h1>城市天际线</h1>
            <p>/</p>
            <span>18-4010</span>
          </div>
          <div class="item" style="background-color: #004d8c;">
            <h1>浮潜蓝</h1>
            <p>/</p>
            <span>19-4049</span>
          </div>
          <div class="item" style="background-color: #fb6d44;">
            <h1>赤焰橙</h1>
            <p>/</p>
            <span>16-1460</span>
          </div>
          <div class="item" style="background-color: #9a8a68;">
            <h1>海藻卡其</h1>
            <p>/</p>
            <span>17-1022</span>
          </div>
          <div class="item" style="background-color: #a0a653;">
            <h1>复古绿</h1>
            <p>/</p>
            <span>16-0436</span>
          </div>
          <div class="item" style="background-color: #774f3f;">
            <h1>剑桥棕</h1>
            <p>/</p>
            <span>19-1242</span>
          </div>
          <div class="item active" style="background-color: #f78766;">
            <h1>甜瓜</h1>
            <p>/</p>
            <span>16-1442</span>
          </div>
        </div>
      </div>
      <div class="right">
        <div class="text">
          <p>相关色彩趋势</p>
          <span>COLOR TREND</span>
        </div>
        <div class="imgRight">
          <div class="img"><img src="https://imgwf3.pop-fashion.com/upload/flash_report/2023/2023081415/ANAREPORT_64d9de50af171_8837.jpg" alt=""></div>
          <p>温暖境遇 - 24/25秋冬皮衣皮草色彩趋势</p>
        </div>
      </div>
    </div>
    <div class="bot">
      <div class="show">
        <div class="img"><img src="https://imgwf2.pop-fashion.com/fashion/perform/F_466_20240403193547/women/276_beijing/2425AW/outerwear/outdoor_jackets/13/middle/LiuWei_071_SZ6787.jpg" alt=""></div>
        <div class="img"><img src="https://imgwf1.pop-fashion.com/fashion/perform/F_466_20240314220802/man/336_moscow/2425AW/top/polo/7/middle/DOPEstore_001_SZ6787.jpg" alt=""></div>
        <div class="img"><img src="https://imgwf1.pop-fashion.com/fashion/perform/F_0_20240411172514/women/335_milan/2425AW/top/pull_over/32/middle/MRZ_050_SZ6787.jpg" alt=""></div>
        <div class="img"><img src="https://imgwf1.pop-fashion.com/fashion/perform/F_466_20240403172717/man/276_beijing/2425AW/outerwear/outdoor_jackets/6/middle/Tanboer_045_SZ6787.jpg" alt=""></div>
        <div class="img"><img src="https://imgwf2.pop-fashion.com/fashion/perform/F_446_20240312110219/women/272_paris/2425AW/outerwear/jacket/6/middle/Natan_080_SZ6787.jpg" alt=""></div>
        <div class="img"><img src="https://imgwf1.pop-fashion.com/fashion/perform/F_446_20240322101913/women/336_moscow/2425AW/outerwear/waistcoat/29/middle/AlisiaFiori_018_SZ6787.jpg" alt=""></div>
      </div>
      <div class="more">
        <p><i class="iconfont icon-jiantou-copy-copy"></i>查看更多<span>&nbsp;/&nbsp;MORE+</span></p>
        <div><i class="iconfont icon-back"></i><i class="iconfont icon-right"></i></div>
      </div>
    </div>
  </div>
  <div class="pattern">
    <div class="top">
      <div class="left">
        <p><i class="iconfont icon-lingxing"></i>热门图案<span>/</span>HOT PATTERN</p>
        <div class="desc">
          <h1>40W+</h1>
          <span>/</span>
          <div>
            <span>最新图案素材</span>
            <p>高质量原创花型</p>
          </div>
        </div>
        <div class="table">
          <div class="row">
            <div class="active">植物</div>
            <div>果蔬</div>
            <div>动物</div>
            <div>图形</div>
            <div>文字</div>
            <div>运动</div>
            <div>人物</div>
          </div>
          <div class="row">
            <div>太空科技</div>
            <div>食品</div>
            <div>昆虫</div>
            <div>海洋</div>
            <div>自然</div>
            <div>花纹</div>
            <div>艺术效果</div>
          </div>
        </div>
        <div class="bar">
          <div class="box active">
            <div class="border">01</div>
            <div class="border name">花卉</div>
            <div class="long">
              <div class="z" style="width: 100%;"></div>
              <div class="s"></div>
            </div>
            <div class="count">434</div>
          </div>
          <div class="box">
            <div class="border">02</div>
            <div class="border name">枝叶</div>
            <div class="long">
              <div class="z" style="width: 30%;"></div>
              <div class="s"></div>
            </div>
            <div class="count">131</div>
          </div>
          <div class="box">
            <div class="border">03</div>
            <div class="border name">热带植物</div>
            <div class="long">
              <div class="z" style="width: 13%;"></div>
              <div class="s"></div>
            </div>
            <div class="count">58</div>
          </div>
          <div class="box">
            <div class="border">04</div>
            <div class="border name">碎花</div>
            <div class="long">
              <div class="z" style="width: 11%;"></div>
              <div class="s"></div>
            </div>
            <div class="count">48</div>
          </div>
          <div class="box">
            <div class="border">05</div>
            <div class="border name">玫瑰花</div>
            <div class="long">
              <div class="z" style="width: 4.6%;"></div>
              <div class="s"></div>
            </div>
            <div class="count">20</div>
          </div>
          <div class="box">
            <div class="border">06</div>
            <div class="border name">雏菊</div>
            <div class="long">
              <div class="z" style="width: 0.7%;"></div>
              <div class="s"></div>
            </div>
            <div class="count">3</div>
          </div>
          <div class="box">
            <div class="border">07</div>
            <div class="border name">仙人掌</div>
            <div class="long">
              <div class="z" style="width: 0.23%;"></div>
              <div class="s"></div>
            </div>
            <div class="count">1</div>
          </div>
        </div>
      </div>
      <div class="right">
        <div class="text">
          <p><i class="iconfont icon-tuan"></i>图案趋势</p>
          <span>PATTERN TREND</span>
          <span>2023</span>
        </div>
        <div>
          <div class="imgBox">
            <div class="img"><img src="https://imgwf2.pop-fashion.com/upload/flash_report/2024/2024040819/ANAREPORT_6613d45455053_1737.jpg" alt=""></div>
            <p>秘境 - 2025春夏主题图案趋势</p>
          </div>
          <div class="imgBox">
            <div class="img"><img src="https://imgwf1.pop-fashion.com/upload/flash_report/2024/2024041009/ANAREPORT_6615e933b3c0e_8318.jpg" alt=""></div>
            <p>秘境 - 2025春夏主题图案趋势</p>
          </div>
        </div>
      </div>
    </div>
    <div class="bot">
      <div class="img"><img src="https://imgwf2.pop-fashion.com/nfashion/graphic/2024031701-SH6773/02_SH6773/small/02_SH6773.jpg" alt=""></div>
      <div class="img"><img src="https://imgwf2.pop-fashion.com/nfashion/graphic/2024041702-sh7012/009_SH7012/small/009_SH7012.jpg" alt=""></div>
      <div class="img"><img src="https://imgwf3.pop-fashion.com/nfashion/graphic/2024041702-sh7012/006_SH7012/small/006_SH7012.jpg" alt=""></div>
      <div class="img"><img src="https://imgwf3.pop-fashion.com/nfashion/graphic/2024041702-sh7012/004_SH7012/small/004_SH7012.jpg" alt=""></div>
      <div class="img"><img src="https://imgwf3.pop-fashion.com/nfashion/graphic/2024041702-sh7012/001_SH7012/small/001_SH7012.jpg" alt=""></div>
      <div class="img"><img src="https://imgwf1.pop-fashion.com/nfashion/graphic/2024041702-sh7012/003_SH7012/small/003_SH7012.jpg" alt=""></div>
    </div>
    <div class="foot">
      <i class="iconfont icon-back"></i>
      <div></div>
      <i class="iconfont icon-right"></i>
    </div>
  </div>
  <div class="about">
    <div class="title">
      我们是谁<span>/</span>ABOUT US
    </div>
    <div class="desc">
      <div>
        <p>赋能</p>
        <div>
          <h1>60</h1>
          <p>万+</p>
        </div>
        <span>纺织时尚企业</span>
      </div>
      <div>
        <p>服务</p>
        <div>
          <h1>116</h1>
          <p>万+</p>
        </div>
        <span>设计师用户</span>
      </div>
      <div>
        <p>讯息来源</p>
        <div>
          <h1>30</h1>
          <p>+</p>
        </div>
        <span>国家和地区</span>
      </div>
      <div>
        <p>覆盖</p>
        <div>
          <h1>2000</h1>
          <p>+</p>
        </div>
        <span>品牌企业</span>
      </div>
    </div>
    <div class="imgBox">
      <div class="img">
        <img src="https://staticf3.pop-fashion.com/static/images/home/v2/png_trend.png" alt="">
        <div>
          <p>趋势</p>
          <p>TREND</p>
        </div>
      </div>
      <div class="img">
        <img src="https://staticf5.pop-fashion.com/static/images/home/v2/png_fashion.png" alt="">
        <div>
          <p>时尚</p>
          <p>FASHION</p>
        </div>
      </div>
      <div class="img">
        <img src="https://staticf2.pop-fashion.com/static/images/home/v2/png_supply_chain.png" alt="">
        <div>
          <p>供应链</p>
          <p>SUPPLY CHAIN</p>
        </div>
      </div>
      <div class="img">
        <img src="https://staticf2.pop-fashion.com/static/images/home/v2/png_service_provider.png" alt="">
        <div>
          <p>服务商</p>
          <p>SERVICE PROVIDER</p>
        </div>
      </div>
    </div>
    <div class="text">
      <i class="iconfont icon-shuangyinhaozuo"></i>
      <p>POP服装趋势提供时尚趋势综合服务，致力于为服装设计师和服装企业带来最新服装流行资讯，包括服装设计流行趋势预测，设计作品保护，面辅料交易，产业地创新服务，时尚教育，智能设计软件，大数据分析等，我们相信只有深耕行业，才能为客户创造价值。</p>
      <i class="iconfont icon-shuangyinhaoyou"></i>
    </div>
    <div class="etc">
      <div><p>优料宝</p><i class="iconfont icon-right"></i></div>
      <div><p>设届</p><i class="iconfont icon-right"></i></div>
      <div><p>版圈</p><i class="iconfont icon-right"></i></div>
      <div><p>云图</p><i class="iconfont icon-right"></i></div>
      <div><p>时尚教育</p><i class="iconfont icon-right"></i></div>
    </div>
  </div>
  <div class="pageFoot">
    <div class="fuc">
      <div>
        <i class="iconfont icon-phone"></i>
        <div class="content">
          <span>官方热线</span>
          <p>4008-210-500</p>
        </div>
      </div>
      <div>
        <i class="iconfont icon-service"></i>
        <div class="content">
          <span>在线QQ</span>
          <p>服务专家</p>
        </div>
      </div>
      <div>
        <i class="iconfont icon-weixin"></i>
        <div class="content">
          <span>官方社交号</span>
          <p>POP官方微信</p>
        </div>
      </div>
      <div>
        <i class="iconfont icon-mobile"></i>
        <div class="content">
          <span>试用账号</span>
          <input type="text" placeholder="输入您的手机号">
        </div>
      </div>
    </div>
    <div class="other">
      <li>关于我们</li>
      <li>加入会员</li>
      <li>会员须知</li>
      <li>收费一览</li>
      <li>付款方式</li>
      <li>法律声明</li>
      <li>联系我们</li>
      <li>友情链接</li>
      <li>诚聘英才</li>
      <li>网站地图</li>
      <li>广告中心</li>
      <li>活动专题</li>
      <li>博客</li>
    </div>
    <div class="info">
      <p>逸尚创展（上海）科技有限公司 © 2004-2022 沪ICP备20020198号-2</p>
      <span>/</span>
      <p>法律顾问：北京中银（上海）律师事务所</p>
      <span>/</span>
      <p>沪公网安备 31011802003355号</p>
      <span>/</span>
      <p>增值电信业务经营许可证：沪B2-20240348</p>
    </div>
  </div>
</body>
</html>
<script>
  (function(){  
    change();  
    function change(){     
         /* 这里的html字体大小利用了一个简单书序公式（十字相乘），当我们默认设置以屏幕320px位基准此时的字体大小为20px(320    20px),那么浏览器窗口大小改变的时候新的html的fontSize（clientWidth  新的值）就是clientWidth*20/320 */
         document.documentElement.style.fontSize = document.documentElement.clientWidth*1/1403.7 + 'px';  
    }
  window.addEventListener('resize',change,false);})();
</script>